﻿/*********************************************** Color Legend ***********************************************/

/*********************************************** Reset ***********************************************/

html, body{
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	font-size:10px;
}

div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead{
	margin:0; padding:0; border:0;
	vertical-align:baseline;
	background:transparent;
}

img{
	margin:0; padding:0; border:0;
}

table, tr, th, td, tbody, tfoot, thead{
	margin:0; padding:0; border:0;
	vertical-align:baseline;
	background:transparent;
}

table{
	border-collapse:collapse; border-spacing:0;
}

input, select, textarea, form, fieldset{
	margin:0; padding:0; border:0;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section{
	display:block;
}

h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color:#000;
}

ol, ul{
	list-style:none;
}

/*********************************************** Global ***********************************************************/

html{ }
body
{
	background:#FFF url('../images/background_black_strip.png') repeat-x scroll left top;
	background-color:#EEE;
}

/*********************************************** Headings ***********************************************/

h1, h2, h3, h4, h5, h6{
	font-weight:bold;
	color:#000;
}

h1{ font-size:24px; }
h2{ font-size:20px; }
h3{ font-size:16px; }
h4{ font-size:14px; }
h5{ font-size:14px; }
h6{ font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{ margin:0; } 

/*********************************************** Text Elements ***********************************************/

p			{ color:#000; font-size:12px; line-height:150%;}
p .left 	{ margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p .riqht 	{ margin: l.5em 0 1.5em l.5em; padding: 0;}

a:link  	{ color: #00f; }
a:visited 	{ color: #00f; }
a:active 	{ color: #00f; }
a:focus 	{ color: #666; }
a:hover 	{ text-decoration:underline; }

blockquote 	{ color:#000; font-size:12px; }

strong 		{ font-weight: bold;  }
em 			{ font-style: italic; }

/*********************************************** Images ***********************************************/


/*********************************************** Lists ***********************************************/

ul 			{  }
ol 			{ list-style-type:decimal; }

ul li 		{ color:#000; font-size:12px; }
ol li 		{ color:#000; font-size:12px; }

dl 			{  }
dt 			{  }
dd 			{  }

/************************************************ Tables ************************************************/

table {	width:100%;}

tr 				{  }
.odd 			{ background-color:#eee;}
.even			{ background-color:#fff;}

th				{ font-weight:bold;}
thead, th 		{ background:#ccc;}

tbody 			{  }

th, td, caption {  }
caption 		{  }

tfoot			{  }
.tfooter 		{ background-color:#ccc; text-align:center; font-style:italic;}

caption 		{ background: #efefef;}

/************************************************ Miscellaneous ************************************************/

sup, sub 		{ line-height:0; }

abbr, acronym 	{ border-bottom:1px #666 dotted; }
address 		{  }
del 			{ background:#FFCECE; color:#f00; }

code, pre 		{ background-color:#FF9; padding:2px 0px; margin:4px 25 px; 
				  font-family:"Courier New", Courier, monospace; font-size:12px; }
			
/************************************************ Containers ************************************************/

#wrapper{  
	width:900px;
	margin:0px auto;
	border-top:#000 1px solid;
	/*background-color:#000;*/
}

#upperbar{
	
}
	#logo{
		float:left;
		margin:0 0 0 25px;
	}
	
	/* Navigation Menu at the Bottom */
	
	#social{
			margin:5px 37px 0 0;
			float:right;
			position:relative;
			z-index:200;
		}
			#social ul{
				padding-left:10px;
			}
			#social ul li{
				display:inline
		}

#banner{  
	clear:both;
	margin:0px 25px;
}

#content{ 
	float:left;
	margin:20px 0 0 25px;
	width:560px;
	min-height:400px;
}
	.hFont{
		color:#000;
		border-bottom:3px #000 solid;
	}
	
	.jLink{
		color:#0000FF;	
		cursor:pointer;
	}
	.jLink:hover{
		text-decoration:underline;
	}
	
	#content h1{
		margin:0 0 16px 0;
		padding-bottom:5px;
	}
	#content p{
		margin-bottom:26px;
	}
	
#sidebar{  
	width:275px;
	margin:20px 25px 0 600px;
}

#footer{  
	clear:both;
	width:900px;
	height:80px;
	margin-top:100px;
	padding:0 20px;
}
	#footerIcon{
		margin-left:20px;
		float:left;
	}
	#bottomText{
		margin-left:100px;
	}	
		#bottomLinks{	
			font-size:12px;
		}		
		#info p{
			font-size:10px;
		}
				
/************************************************ Layout Extra ************************************************/


/************************************************ Navigation Extra ************************************************/

/************************************************ Forms ************************************************/

form { text-align:left; margin:20px; }

label, submit, input, textarea{
	border:0; padding:0; margin:0; background:none;
}

label{
	display:block;
	margin-left:10px; 
	margin-bottom:5px;
}

input, textarea{
	
	border:1px #333 solid; margin-left:10px;
}

input{
	width:280px; margin-bottom:10px;
}

textarea{
	width:280px; height:150px;
	margin-bottom:15px;
}

select {  
	margin-left:10px;
	margin-bottom: 16px;
}

.submit{
	width:90px; height:25px;
	margin-left:110px;
	font-size:12px;
}

br { clear:left; }

.connect-form ol{
	list-style-type:none;
}

/************************************************ Miscellaneous ************************************************/

.copyright-text { font-size:80%; font-style:italic; color:#333; }
.footer-text	{ font-size:80%; font-style:normal; color:#666; }

.title			{ font-size:18px; font-weight:bold; color:#333; }
.subtitle		{ font-size:14px; font-style:italic; color:#333; }

.artist			{ font-size:16px; font-weight:bold; color:#333; }
.author			{ font-size:14px; font-weight:bold; color:#555; }
.editor			{ font-size:14px; font-style:italic; color:#555; }

.pub-date		{ font-size:10px; font-style:italic; color:#555; }
.article-date	{ font-size:10px; font-style:italic; color:#555; }
.location		{ font-size:10px; font-style:italic; color:#555; }

.float-right	{ float:right; }
.float-left		{ float:left; }
.clear			{ clear:both }

.hide			{ display:none; }
.block			{ display:block; }
.inline			{ display:inline; }

.first			{ font-weight:bold; }
.last			{ font-weight:bold; }
.left			{ font-weight:bold; text-align:left;}
.right			{ font-weight:bold; text-align:right;}

.added			{ background:#D7D7FF; }
.removed		{ background:#FFCECE; color:#f00; }
.changed		{ background:#FFB; }

/* Sucess, info, notice and error/alert boxes - from Blueprint CSS Framework */

.error, .alert, .notice, .success, .info{
	padding:0.8em; margin-bottom:1em; border:2px #ddd solid;
}

.error, .alert	{ background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4; }

.notice			{ background:#fff6bf; color:#514721; border-color:#ffd324; }

.success		{ background:#e6efc2; color:#264409; border-color:#c6d880; }

.info			{ background:#d5edf8; color:#205791; border-color:#92cae4; }

.error a   { color:#8a1f11; }
.alert a   { color:#8a1f11; }

.notice a  { color:#514721; }
.success a { color:#264409; }
.info 1    { color:#205791; }

/************************************ NAVIGATION MENU **************************************************/
/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 25.01.2010
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */
#menu {
	margin:20px 30px 20px 195px;
	padding-top:64px;
    position:relative;
    z-index:100;
    height:32px;
}
#menu .menu {
    position:absolute;
}
#menu * {
    list-style:none;
    border:0;
    padding:0;
    margin:0;
}
#menu a {
    display:block;
    padding:7px 14px 7px 14px;
    white-space:nowrap;
}
#menu li {
    float:left;
    background:#fff;
}
#menu li li {
    float:none;
    border:1px solid #c4c4c4; /** fix for ie6 */
}
#menu div {
    visibility:hidden;
    position:absolute;
  	background-image:url('../images/menu/pix.gif');
}
#menu div div {
    margin:-24px 0 0 -1px;
    left:100%;
}
#menu li:hover>div { visibility:visible; }

/* menu::special styles */
/* menu::level 1 */
#menu a {
    text-decoration:none;
    color:#fff;
    position:relative;
    z-index:77;
}
#menu a:hover {
	background-image:url('../images/menu/back.png');
    color:#bbb; 
}
#menu a:hover span { color:#bbb; }
#menu>ul>li:hover>a {
	background-image:url('../images/menu/back.png');
    color:#bbb;
}
#menu>ul>li:hover>a span { color:#bbb; }

#menu span {
    text-transform:uppercase;
    font:20px 'Trebuchet MS', Arial, Helvetica, Sans-serif;  /* Change font here */
    color:#fff;
}
#menu li { background:none; }
/* menu::level >= 2 */
#menu li li a {
    padding:0;
    position:static;
}
#menu li li a:hover { background:#888; }
#menu li li a span { color:#fff; }
#menu li li a:hover span { color:#ffffff; }
#menu li li a.parent span { background:null url('../images/menu/pointer.gif') no-repeat fixed right 9px; background-position:right 10px; }
*+html #menu li li a.parent span { background-position:right 10px; }
#menu li li span {
    display:block;
    text-transform:none;
    line-height:16px;
    padding:4px 25px 4px 14px;
    font-size:16px;
}
#menu li div {	background-image:url('../images/menu/back.png'); }
/** <fix for ie6> */
#menu div div{
	margin-top:-25px;
	background:#c4c4c4;
}
#menu li li li { border:1px solid #c4c4c4; }
#menu div div div { background:#c4c4c4; }
#menu li li li li { border:1px solid #c4c4c4; }
/** </fix for ie6> */

/* lava lamp */
div#menu li.back {
    width:10px;
    height:40px; /*Change Box Size*/
    z-index:8;
    position:absolute;
}
div#menu li.back .left {
    width:auto;
    height:40px; /*Change Box Size*/
    float:none;
    position:relative;
    top:0;
    left:0;
    visibility:visible;
}
/******************************************** END OF NAVIGATION MENU *******************************************/